<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>我要卖车</title>

<link href="/boot/css/bootstrap.css" rel="stylesheet">
<link href="/boot/css/style.css" rel="stylesheet">
<link href="/boot/css/responsive.css" rel="stylesheet">


<link rel="shortcut icon" href="/boot/images/favicon.png" type="image/x-icon">
<link rel="icon" href="/boot/images/favicon.png" type="image/x-icon">

<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
</head>

<body>
<jsp:include page="nav.jsp" flush="true"></jsp:include>
    <section class="page-title" style="background-image:url(/boot/images/background/5.jpg);">
        <div class="auto-container">
            <h1>我要卖车</h1>
        </div>
    </section>
    <section class="sell-car-section">
    	<div class="auto-container">
        	<div class="row clearfix">
            	<div class="cell-car-column ">
                	<div class="inner-column">
                        <div class="sec-title">
                            <h2>信息填写</h2>
                        </div>
                        <div class="text">有兴趣卖给我们你的车吗？只需输入下面的车辆信息以及您的联系信息，我们将很快与您联系。</div>
                                    <div class="sell-car-form">
                                         <h2>车辆信息</h2>
                                        <div class="form-group">
                                            <label>车辆品牌</label>
                                            <select name="type" id="carBrands" style="width: 200px;border-radius: 10px;border: solid 1px #DCDFE8;height: 45px">
                                                <option value="-1">选择品牌</option>
                                                <c:forEach items="${brandsList}" var="t">
                                                    <option value="${t.id}">${t.brName}</option>
                                                </c:forEach>
                                            </select>
                                        </div>

                                        <div class="form-group">
                                            <label>车系</label>
                                            <select name="type" id="carstyle" style="width:200px;border-radius: 10px;border: solid 1px #DCDFE8;height: 45px">
                                                <option value="-1">选择车系</option>
                                                <c:forEach items="${styleList}" var="t">
                                                    <option value="${t.id}">${t.stName}</option>
                                                </c:forEach>
                                            </select>
                                        </div>

                                        <div class="form-group">
                                            <label>座位数</label>
                                            <select name="type" id="seatnum" style="width: 200px;border-radius: 10px;border: solid 1px #DCDFE8;height: 45px">
                                                <option value="2">选择座位数</option>
                                                <option value="2">2</option>
                                                <option value="4">4</option>
                                                <option value="6">6</option>
                                                <option value="8">8</option>
                                            </select>
                                        </div>

                                        <div class="form-group">
                                            <label>变速箱</label>
                                            <select name="type" id="speed" style="width: 200px;border-radius: 10px;border: solid 1px #DCDFE8;height: 45px">
                                                <option>选择变速箱</option>
                                                <option>自动档</option>
                                                <option>手动档</option>
                                                <option>手自一体</option>
                                                <option>不限</option>
                                            </select>
                                        </div>

                                        <div class="form-group">
                                            <label>价钱</label>
                                            <input id="price" style="width: 200px;border-radius: 10px;border: solid 1px #DCDFE8;height: 45px">
                                        </div>

                                        <div class="form-group">
                                            <label>里程数</label>
                                            <input id="mile" style="width: 200px;border-radius: 10px;border: solid 1px #DCDFE8;height: 45px">
                                        </div>

                                        <div class="form-group">
                                            <label>保险日期</label>
                                            <input type="date" id="time" style="width: 200px;border-radius: 10px;border: solid 1px #DCDFE8;height: 45px"   />
                                        </div>


                                        <div class="form-group">
                                            <label>上牌日期</label>
                                            <input type="date" id="startime" style="width: 200px;border-radius: 10px;border: solid 1px #DCDFE8;height: 45px" />
                                        </div>

                                        <div class="form-group">
                                            <label>添加图片</label>
                                            <input type="file" id="carPicture" class="form-control image-file" name="pic" accept="image/*"style="height: 60px;width: 360px">
                                        </div>

                                        <div class="form-group">
                                            <label>更多信息</label>
                                            <textarea id="descript" class="form-control" rows="4"></textarea>
                                        </div>
                                     </div>
                            </div>
                        <div class="sell-car-form">
                            <div class="sell-car-form">
                                <h2>联系方式</h2></br>
                            <div class="form-group">
                                <label>姓名</label>
                                <input id="uname" style="width: 300px;border-radius: 10px;border: solid 1px #DCDFE8;height: 45px">
                            </div>

                            <div class="form-group">
                                <label>电子邮件</label>
                                <input id="email" style="width: 300px;border-radius: 10px;border: solid 1px #DCDFE8;height: 45px">
                            </div>

                            <div class="form-group">
                                <label>电话</label>
                                <input id="uphone" style="width: 300px;border-radius: 10px;border: solid 1px #DCDFE8;height: 45px">
                            </div>

                            <div class="form-group">
                                <label>地址</label>
                                <input id="address" style="width: 300px;border-radius: 10px;border: solid 1px #DCDFE8;height: 45px">
                            </div>

<%--                        	<div class="form-box">--%>
<%--                                <form method="post" action="calculater-form">--%>
<%--                                    <div class="row clearfix">--%>
<%--                                        <div class="form-group col-lg-4 col-md-6 col-sm-6 col-xs-12">--%>
<%--                                            <label>姓名</label>--%>
<%--                                            <input type="text" name="fname" value="" placeholder="" required>--%>
<%--                                        </div>--%>
<%--                                        <div class="form-group col-lg-4 col-md-6 col-sm-6 col-xs-12">--%>
<%--                                            <label>电子邮件</label>--%>
<%--                                            <input type="text" name="fname" value="" placeholder="" required>--%>
<%--                                        </div>--%>
<%--                                        <div class="form-group col-lg-4 col-md-6 col-sm-6 col-xs-12">--%>
<%--                                            <label>电话</label>--%>
<%--                                            <input type="text" name="fname" value="" placeholder="" required>--%>
<%--                                        </div>--%>
<%--                                        <div class="form-group col-lg-4 col-md-6 col-sm-6 col-xs-12">--%>
<%--                                            <label>地址</label>--%>
<%--                                            <input type="text" name="fname" value="" placeholder="" required>--%>
<%--                                        </div>--%>
<%--                                        <div class="form-group col-lg-4 col-md-6 col-sm-6 col-xs-12">--%>
<%--                                            <label>所在城市</label>--%>
<%--                                            <input type="text" name="fname" value="" placeholder="" required>--%>
<%--                                        </div>--%>
<%--                                        <div class="form-group col-lg-4 col-md-6 col-sm-6 col-xs-12">--%>
<%--                                            <label>邮政编码</label>--%>
<%--                                            <input type="text" name="fname" value="" placeholder="" required>--%>
<%--                                        </div>--%>

                                        <div class="form-group">
<%--                                            <button type="submit" class="theme-btn btn-style-one">立即提交</button>--%>
                                            <button type="button" onclick="Com()"class="theme-btn btn-style-one">立即提交</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="form-column col-lg-3 col-md-4 col-sm-12 col-xs-12">
                </div>
            </div>
        </div>

    </section>
    </div>
<jsp:include page="footer.jsp" flush="true"></jsp:include>
</body>


<!--Scroll to top-->
<div class="scroll-to-top scroll-to-target" data-target="html"><span class="icon fa fa-angle-up"></span></div>

<script src="/boot/js/jquery.js"></script> 
<script src="/boot/js/bootstrap.min.js"></script>
<script src="/boot/js/jquery.fancybox.pack.js"></script>
<script src="/boot/js/jquery.fancybox-media.js"></script>
<script src="/boot/js/owl.js"></script>
<script src="/boot/js/appear.js"></script>
<script src="/boot/js/jquery-ui.js"></script>
<script src="/boot/js/wow.js"></script>
<script src="/boot/js/script.js"></script>

<script>
    function Com() {
        alert("11111111");
        let carBrands=$("#carBrands").val();
        let carstyle=$("#carstyle").val();
        let price=$("#price").val();
        let seatnum=$("#seatnum").val();
        let mile=$("#mile").val();
        let speed=$("#speed").val();
        let time=$("#time").val();
        let startime=$("#startime").val();
        let carPicture=$("#carPicture").val();
        let descript=$("#descript").val();

        let uname=$("#uname").val();


        let email=$("#email").val();

        let uphone=$("#uphone").val();

        let address=$("#address").val();

        window.location="/boot/user/sell-car?carBrands="+carBrands+"&carstyle="+carstyle+"&price="+price+"&seatnum="+seatnum
            +"&mile="+mile+"&speed="+speed+"&time="+time+"&startime="+startime+"&carPicture="+carPicture+"&descript="+descript
            +"&uname="+uname+"&email="+email+"&uphone="+uphone+"&address="+address;
    }

</script>
</html>
